import { CSSProperties, memo } from 'react'
import { ITooltip, Tooltip as ReactTooltip } from 'react-tooltip'

export const Tooltip = memo((tooltipProps: ITooltip) => {
  const style = { backgroundColor: 'var(--clr-nav-main)' } as CSSProperties
  return <ReactTooltip {...tooltipProps} style={style} />
})
Tooltip.displayName = 'Tooltip'
